<form nz-form>
  <nz-form-item>
    <nz-form-label nzRequired [nzSpan]="4" nzFor="email"
      >插件名称</nz-form-label
    >
    <nz-form-control [nzSpan]="20">
      <input nz-input name="name" type="text" placeholder="请输入插件名称" />
      <div class="message">
        插件名称由英文字母、下划线或数字组成, 不能以数字开头，如：memberAuth,
        member_auth_v
      </div>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label nzRequired [nzSpan]="4" nzFor="email"
      >插件分类</nz-form-label
    >
    <nz-form-control [nzSpan]="7">
      <nz-select
        [nzOptions]="optionList"
        nzSize="large"
        nzAllowClear
        nzPlaceHolder="请选择插件"
      ></nz-select>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label nzRequired [nzSpan]="4" nzFor="email"
      >插件描述</nz-form-label
    >
    <nz-form-control [nzSpan]="20">
      <input nz-input name="name" type="text" placeholder="请输入插件描述" />
      <div class="message">如：会员登录校验</div>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label nzRequired [nzSpan]="4" nzFor="email"
      >默认执行顺序</nz-form-label
    >
    <nz-form-control [nzSpan]="20">
      <input
        nz-input
        name="name"
        type="text"
        placeholder="请输入默认执行顺序"
      />
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label nzRequired [nzSpan]="4" nzFor="email"
      >表单定义</nz-form-label
    >
    <nz-form-control [nzSpan]="20">
      <div class="message">
        路由级别的自定义属性，定义规范请参考：
        <a nz-button nzType="link" (click)="formMsg()">表单规范说明</a>
      </div>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label nzRequired [nzSpan]="4" nzFor="email"
      >自定义配置</nz-form-label
    >
    <nz-form-control [nzSpan]="20">
      <textarea nz-input [nzAutosize]="{ minRows: 2, maxRows: 6 }"></textarea>
      <div class="message">
        插件级别的自定义配置信息
        <a nz-button nzType="link" (click)="pluginExamples()">(插件实例)</a>
      </div>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label nzRequired [nzSpan]="4" nzFor="email"
      >使用说明</nz-form-label
    >
    <nz-form-control [nzSpan]="20">
      <textarea nz-input [nzAutosize]="{ minRows: 2, maxRows: 6 }"></textarea>
    </nz-form-control>
  </nz-form-item>
  <div class="footer">
    <button nz-button nzType="primary" nzSize="large">保存</button>
    <button nz-button nzType="default" (click)="handleCancle()" nzSize="large">
      取消
    </button>
  </div>
</form>

<!-- <nz-modal [(nzVisible)]="Visible" nzTitle="The first Modal" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
    <ng-container *nzModalContent>
      <p>Content one</p>
      <p>Content two</p>
      <p>Content three</p>
    </ng-container>
  </nz-modal> -->
